module.exports = {
  pages: {
    index: {
      entry: 'examples/main.js',
      template: 'public/index.html',
      filename: 'index.html',
    },
  },
  // 将css与js不分开打包，css将作为内联样式注入到js中
  css: { extract: false },
  // 扩展 webpack 配置，使 packages 加入编译
  chainWebpack: config => {
    // config.plugins.delete('prefetch') // 移除 prefetch 插件
    // config.plugins.delete('preload') // 移除 preload 插件
    config.module
      .rule('js')
      .include
      .add('/packages/')
      .end()
      .use('babel')
      .loader('babel-loader')
      .tap(options => {
        // 修改它的选项...
        return options
      })
  },
  devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true,
    open: true, // 自动打开浏览器
    port: 8686  // 设置端口号
  },
  productionSourceMap: false  // 是否打包.map文件
}